<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/home.css">


</head>
<body class="content">
<div>
    <div class="top">
        <!--        公司信息-->
        <!--        所有css统一用class，以后js里面统一用id
        无论class还是id主要目的就是为了得到当前这个对象（div）-->
        <div>
            <div>
                <div><img src="../img/logo.jpg" height="141" width="204"/></div>
                <div>
                    <div><img src="../img/phone.png" height="30" width="30"/></div>
                    <div>028-9999999</div>
                </div>
            </div>
        </div>
        <!--        导航信息-->
        <div>
            <div>
                <div>网站首页</div>
                <div>公司简介</div>
                <div>新闻动态</div>
                <div>产品信息</div>
                <div>在线留言</div>
                <div>联系我们</div>
            </div>
        </div>
        <!--        广告信息-->
        <div>
            <div>
                <!--                上下居中-->
                <div class="ad">
                    <!--                    html空格只能写一个，多余的算一个空格,转义字符-->
                    <!--                    以后不要到处写这个转义字符-->
                    <div>品味生活 · 品味美食
                    </div>
                    <div>
                        <div> 一玉茶湖出了生活的醇关</div>
                        <div> 一枝花开出了生活的鲜艳</div>
                        <div> 一首诗吟出了生活的酸辛</div>
                        <div> 一把火出烧出了生活的激情</div>
                        <div> 一枝笔绘出了人生的五彩宝纷</div>
                        <div> 一首歌唱出了人生的立怒良惧</div>
                        <div> 生活像五味瓶，这么酸、这么甜、这么苦又这么辣</div>
                    </div>
                    <div>
                        <div>
                            <div> 品味</div>
                            <div> 生活</div>
                            <div> 品味</div>
                            <div> 美食</div>
                        </div>
                        <div> 星语餐饮给你生活指南</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="middle">
        <div>
            <div>
                <div class="title">较新动态</div>
                <div class="news">
                    <div><img src="../img/m331.jpg"/></div>
                    <div>
                        <div>
                            <div class="font-title font-hide">日本较大抹茶餐饮七叶和茶登陆上海</div>
                            <div class="font-content font-hide">日本较大的抹茶餐饮连锁正式登陆上海，其中</div>
                        </div>
                        <div>
                            <div class="font-title font-hide">日本较大抹茶餐饮七叶和茶登陆上海</div>
                            <div class="font-content font-hide">日本较大的抹茶餐饮连锁正式登陆上海，其中</div>
                        </div>
                        <div>
                            <div class="font-title font-hide">日本较大抹茶餐饮七叶和茶登陆上海</div>
                            <div class="font-content font-hide">日本较大的抹茶餐饮连锁正式登陆上海，其中</div>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <div class="title">产品展示</div>
                <div class="product">
                    <div>
                        <div><img src="../img/hongshaoqiezi.jpg" height="300" width="300"/></div>
                        <div class="font-title font-hide">红烧茄子</div>
                        <div class="font-content font-hide">茄子，辣椒，油，盐，葱花</div>
                    </div>
                    <div>
                        <div><img src="../img/hongshaoqiezi.jpg" height="300" width="300"/></div>
                        <div class="font-title font-hide">红烧茄子</div>
                        <div class="font-content font-hide">茄子，辣椒，油，盐，葱花</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="foot">
        <div></div>
        <div>
            <div>
                <div>
                    <div>网址: admin.com</div>
                    <div>邮箱:admin@ 163.com联系电话: 0280000000(座机)</div>
                    <div>联系地址:四川省成都市孵化园</div>
                    <div>Copyright◎2009-201 1,www.xxxxx.com.,All rights rescrvcd</div>
                </div>
                <div>
                    <div><img src="../img/adingwei.png" height="24" width="24"/></div>
                    <div><img src="../img/aweibo.png" height="24" width="24"/></div>
                    <div><img src="../img/aweixin.png" height="24" width="25"/></div>
                    <div><img src="../img/axinlang.png" height="24" width="25"/></div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>